<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <header>
    <div class="icon"></div>
    <div class="title">推荐旅游目的地</div>
    <div class="radius bth right">签到</div>
    </header>
    <section class="main">
        <input type="search" name="query" placeholder="搜索你想去的地方">
        <ul class="nav">
            <li class="active"><a href="#">首选</a></li>
            <li><a href="#">推荐</a></li>
            <li><a href="#">大陆</a></li>
        </ul>
    <section class="mid-con">
    <div class="title">
        <span class="text">首尔，山水中的彩墨美学</span>
    </div>
    <div class="pics">
        <ul>
            <li><image src="./image/1.jpg" alt=""><span>新村大学城</span></li>
            <li><image src="./image/2.jpg" alt=""><span>乐天世界</span></li>
            <li><image src="./image/3.jpg" alt=""><span>梨花壁画村</span></li>
        </ul>
    </div>
    </section>
</section>
    <footer></footer>
</body>
</html>